/**
 * Stylesheet dedicated to the top menu skinning. It defines the look and feel 
 * properties like colors, border colors, background images. This idea is the one used 
 * by JQuery UI.
 * @author Clément HELIOU (clement.heliou@gmail.com)
 * @since 1.0
 */
 
/* Main styles */
.topMenu{
	background: #45484d;
	background: linear-gradient(to bottom, #45484d 0%, #000000 100%);
	background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
	background: -ms-linear-gradient(top, #45484d 0%, #000000 100%);
	background: -o-linear-gradient(top, #45484d 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, #000000) );
	background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%);
	color: white;
	font-variant: small-caps;
	font-weight: bold;
}

/* Top menu link */
.topMenu>.topMenuContent>.topMenuLink{
	cursor: pointer;
}

.topMenu>.topMenuContent>.topMenuLink>a:hover, .topMenu>.topMenuContent>.topMenuLink>span:hover{
	text-decoration: underline;
}

/* Top menu "admin" icon */
.topMenu>.topMenuContent>.topMenuIconAdmin{
	background-image: url('../icons/topMenu/white/admin.png');
}

/* Top menu "contact" icon */
.topMenu>.topMenuContent>.topMenuIconContact{
	background-image: url('../icons/topMenu/white/contact.png');
}

/* Top menu "date" icon */
.topMenu>.topMenuContent>.topMenuIconDate{
	background-image: url('../icons/topMenu/white/calendar.png');
}

/* Top menu "log in" icon */
.topMenu>.topMenuContent>.topMenuIconLogIn{
	background-image: url('../icons/topMenu/white/log_in.png');
}

/* Top menu "log out" icon */
.topMenu>.topMenuContent>.topMenuIconLogOut{
	background-image: url('../icons/topMenu/white/log_out.png');
}

/* Top menu "user" icon */
.topMenu>.topMenuContent>.topMenuIconUser{
	background-image: url('../icons/topMenu/white/user.png');
}
